<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			p {
				animation-duration: 3s;
				animation-name: slidein;
			}

			@keyframes slidein {

				/* 关键帧0% */
				from {
					margin-left: 100%;
					width: 300%;
				}

				/* 关键帧75% */
				75% {
					font-size: 300%;
					margin-left: 25%;
					width: 150%;
				}

				/* 关键帧100% */
				to {
					margin-left: 0%;
					width: 100%;
				}
			}
		</style>
	</head>
	<body>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo officia laboriosam, nemo est voluptatibus
			reiciendis nisi provident? Possimus deserunt illo beatae neque, alias commodi eum, quo quis nesciunt
			corporis repellendus!</p>
	</body>
</html>
